/* GLOBAL */

* {margin:0; padding:0;}

body {text-align: center; background: #000000 url(https://lh4.googleusercontent.com/-R0rWTTfvFsc/UNqBNEP1MuI/AAAAAAAABEU/MZppchVQOZ4/I/Background%252520Heningkara2.jpg) repeat top right; background-attachment: fixed; font-family: arial,verdana,helvetica,tahoma,Sans-serif; font-size: 100%; width: 100%;}

#outer-wrapper {margin: 0 auto; margin: 10px 0px 20px 0px; position: relative; width: 100%; text-align: center;}
#blog-wrapper {margin: 0 auto; text-align: center; position: relative; width: 1190px; background: #000000; float: left;height: 100%;}
#spacer {clear: both; margin: 0; padding: 0;}

/* global link attributes */
a {color: #ffc000; text-decoration: none;}
a:hover {font-weight: bold; color: brown; text-decoration: none;}
a:visited {color: #7d5f03; text-decoration: none;}

/* Blogger Navigation Bar */
.Navbar {position:fixed; z-index:1000; top:0px; left:0; background:#191919; width:100%; font: normal normal 20px Droid Sans;}

/* HEADER */

#sidebar1 h1 {color: #5a5a5a; font: normal bold 36px Unkempt; text-align: right; text-transform: uppercase; margin: 0px 5px 0px 0px; padding: 20px 35px 0px 35px;}
#sidebar1 h1 a {text-decoration: none; color: #a5bc50; text-shadow: 0 0 1px #999;}
#sidebar1 h1 a:hover {text-decoration: none; color: #a5bc50; text-shadow: 0 0 1px #999;}
#sidebar1 .description {color: #191919; font: normal bold 16px Unkempt; text-align: right; margin: 0px 5px 0px 0px; padding: 5px 35px 17px 35px;}
#sidebar1 h1 p, #header .description p {margin:0;padding:0}
#sidebar1 a img {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border: 0;}

/* MAIN */

#content-wrapper {min-height: 630px; width: 1190px;margin: 0px 0px 0px 0px; position: relative;text-align: left;}
#main-wrapper {margin: 50px 0 50px 0; padding: 0px 20px 0px 20px; float: right; position: relative; width: 740px; background: #000000; text-align: left;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}
#main {width: 700px; padding: 0px 20px 0px 20px; text-align: left; color: #a5bc50; font: normal normal 13px Trebuchet MS;}
#main .widget {padding: 0px 0px 10px 0px;}

.post {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;line-height: 2.0em;text-align: justify;}
.post h3 {margin: 5px -15px 10px -15px;padding: 0px 15px 0px 15px;color: #E5F4B0; text-shadow: 0 0 1px #999; font: normal normal 20px Droid Sans;text-decoration: none;text-align: center;line-height: 1.6em;text-transform: uppercase;/* background: #666666;border-top: 1px solid #111111;border-bottom: 2px solid #111111; */}
.post h3 a, .post h3 a:visited {color: #E5F4B0; text-shadow: 0 0 1px #999; text-decoration: none;}
.post h3 a:hover {color: brown;text-decoration: none;}
.post-header-line-1 {margin: 4px 0px 10px 0px;padding: 3px 0px 4px 0px;}

h2.date-header {margin: 4px 0px;padding: 4px 0px;text-align: left;color: #ffc000;font: normal normal 12px Unkempt;text-decoration: none;text-transform: none; border-bottom: 1px solid #000000;}

.date-header span {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.post-body p {/* Fix bug in IE5/Win with italics in posts */margin: 0px 0px 0px 0px;padding: 1px 0px 1px 0px;display: inline; /* to fix floating-ads wrapping problem in IE */height: 1%;overflow: visible;}
.post-body p a, .post-body p a:visited {color: #ffc000;text-decoration: none;}
.post-body a:hover {text-decoration: none;color: brown;}
.post ul {margin: 0px 0px 0px 0px;padding: 12px 0px 12px 30px;list-style-type: disc;line-height: 1.6em;font-size: 95%;}
.post ol {margin: 10px 0px 0px 0px;padding: 12px 0px 12px 30px;line-height: 1.6em;font-size: 95%;}
.post li {margin: 0px 0px 0px 0px;padding: 0px 0px 8px 0px;line-height: 2.0em;font-size: 100%;}

a img {margin: 5px 5px 5px 5px;padding: 0px 0px 0px 0px;}

.post img {margin: 0px;padding: 0px;border: 0px solid #000000;}

/* POST-FOOTER */

.post-footer {display: block;margin: 25px 0px 25px 0px;padding: 7px 12px 5px 12px;text-align: left;font: normal bold 86% Verdana;color: #a5bc50;font-weight: normal;line-height: 1.7em;text-decoration: none;background: #191919;border-radius: 4px;}
.post-footer-line {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.post-footer-line-1, .post-footer-line-2, .post-footer-line-3 {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.post-footer a {color: #a5bc50;text-decoration: none;}
.post-footer a:hover {color: brown;text-decoration: none;}
.post-footer .post-comment-link a {margin: 0px 0px 0px 7px;padding: 0px 0px 0px 9px;border-left: 1px solid #a5bc50;color: #a5bc50;font-weight: normal;text-decoration: none;}
.post-footer .post-comment-link a:hover {color: brown;text-decoration: none;}
.post-footer .post-icons {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.post-footer img {margin: 0px 0px 0px 0px;padding: 0px 0px 5px 0px;background: #191919;}

#blog-pager {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;text-align: center;font: normal bold 100% Verdana;color: #e5f4b0;}
#blog-pager a {color: #e5f4b0}
#blog-pager a:hover {color: brown}
#blog-pager-newer-link {float: left;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
#blog-pager-older-link {float: right;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}

.feed-links {margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;clear: both;text-align: left;font: normal bold 86% Verdana; color: #e5f4b0;}
.feed-links a, .feed-links a:visited {color: #e5f4b0;}
.feed-links a:hover {color: brown;}

/* SIDEBAR */

 #side-wrapper {left: 40px; max-width: 370px;float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; position: fixed; height: 100%; margin-top: 50px;}
#sidebar-wrapper {float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}

.sidebar {text-align: left;font: normal normal 11px Verdana;}

#sidebar1, #sidebar2 {width: 370px; color: #E5F4B0; line-height: 1.4em; attachment: fixed;}
#sidebar1 .widget, #sidebar2 .widget {margin: 3px 0px 3px 0px;}

/* sidebar heading */

#sidebar2 h2 {padding: 5px 5px 5px 10px; text-align: left; color: #a5bc50; font: normal normal 14px Droid Sans; background: #191919; border-radius: 4px; border: 1px solid #a5bc50;}

.sidebar ul, #BlogArchive1 ul {padding: 5px 0px 5px 5px; list-style-type: none;}
.sidebar li, #BlogArchive1 li {margin: 3px 0px 3px 0px; padding: 3px 0px 3px 0px;}

#sidebar1 a {color: #D9A300;text-decoration: none;}
#sidebar1 a:hover {text-decoration: none;color: #000000; font-weight: bold;}
#sidebar1 a:visited {text-decoration: none;color: #5a5a5a;}

#sidebar2 a {color: #a5bc50;text-decoration: none;}
#sidebar2 a:hover {text-decoration: none;color: brown; font-weight: bold;}
#sidebar2 a:visited {text-decoration: none;color: #5a5a5a;}
#sidebar2 a img {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border-radius: 4px; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
#sidebar2 a img:hover{opacity: 0.5; -moz-transform: rotate(400deg) ;-webkit-transform: rotate(400deg) ;-o-transform: rotate(400deg) ;-ms-transform: rotate(400deg) ;transform:rotate(400deg);}


.sidebar a img {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}

/* PROFILE */

.profile-img {margin: 5px;padding: 5px;border: 1px solid #191919;}
.profile-textblock {margin: 5px 0px 5px 0px;padding: 5px 0px 5px 0px;clear: both;line-height: 1.6em;border-top: 1px solid #191919;border-bottom: 1px solid #191919;}
.profile-datablock {margin: 2px 0px 5px 0px;padding: 0px 0px 0px 0px;}
.profile-data {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-weight: normal;font-style: italic;}
.profile-link {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}

/* BLOCKQUOTE */

blockquote {margin: 10px 20px 10px 20px;padding: 10px 15px 10px 15px;font: italic normal 12px Verdana;line-height: 1.6em;color: #ffffff;border: 1px solid #222222;background: #222222;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

/* CODE */

code {color: #F8FAEC;font-size: 110%;}

/* COMMENTS */

#comments h4 {color: #e5f4b0;font-size: 24px;font-weight: normal;text-align: left;margin: 0px 0 15px 0;text-shadow: 0 0 1px #999;}
#comments h5 {color: #e5f4b0;font-size: 24px;font-weight: normal;text-align: left;margin: 0px 0 15px 0; padding-top: 20px; text-shadow: 0 0 1px #999;}
.unneeded-paging-control {display: none;}
.comment_wrap {margin: 5px 0 5px 0; padding: 10px; background: #111111; - -moz-box-shadow: inset 0 0 5px 1px #a5bc50; -webkit-box-shadow: inset 0 0 5px 1px #a5bc50; box-shadow: inset 0 0 5px 1px #a5bc50; border-radius: 4px;}
.comment_child {margin: 0 5px 0px 10px;}
.comment_inner {margin: 0px 0px -2px 0px; background: #111111; width: 100%; zoom: 1; display: inline-block; outline: none;overflow: hidden; border-radius: 4px;}

.comment_avatar {display:inline; float:left; width:50px; height: 50px; margin: 5px; background: #a5bc50; border-radius: 4px; border: 1px solid #a5bc50;}
.comment_avatar img {margin: 0 0px 0 0;}
.comment_avatar .avatar-image-container {min-height: 50px!important; width: 50px!important;background: #000; border-radius: 4px;}
.comments .avatar-image-container img {min-width: 50px !important; height: 50px !important; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
.avatar-image-container img:hover{-moz-transform: rotate(760deg) ;-webkit-transform: rotate(760deg) ;-o-transform: rotate(760deg) ;-ms-transform: rotate(760deg) ;transform:rotate(760deg);}

.comment_header {margin: 5px 5px 2px 65px; padding: 3px 10px 8px 10px; background: #222222; height: 20px; border-radius: 4px 4px 0 0;}
.comment_name {height: 20px; font-size: 16px; color: #a5bc50;display:block; float:left; vertical-align: center;}
.comment_name a {color: #a5bc50;}
.comment_name a:hover {color: brown; font-weight: bold;}
.comment_date {margin-top: 3px; height: 20px; color: #a5bc50; font-size: 12px; font-style: italic; font-weight: bold; display: block; float: right;}
.comment_date a:hover {font-weight: bold;}
.comment_body p {margin: 2px 5px 5px 65px; background: #222222; font: italic normal 12px Verdana;line-height: 1.8em; padding: 10px; color: #e5f4b0; word-wrap: break-word; text-align: justify; border-radius: 0 0 4px 4px;}
.comment_reply {float: left; margin: 2px 0 2px 65px; color: #F90; text-decoration: none; font-size: 14px;}
.comment_reply:hover {font-weight: bold; color: brown;}
.comment-form {max-width: 100%;!important;}
#comment-editor {width:101%!important}
.comment_admin {background: #111111; font-color: #a5bc50;}
.comment_form a {text-decoration: none; text-transform: uppercase; font-weight: bold; font-family: Arial, Helvetica, Garuda, sans-serif; font-size: 15px; color: #F90;}
.comment_form a:hover {text-decoration: underline;}
.comment_reply_form {margin: 0 5px 0 10px; padding: 0 0 0 50px; border-left: 1px solid #EDFABD;  -moz-box-shadow: inset 0 0 15px 1px #EDFABD; -webkit-box-shadow: inset 0 0 15px 1px #EDFABD; box-shadow: inset 0 0 15px 1px #EDFABD; border-radius: 4px;}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo {max-height: 1.6em; vertical-align: middle; margin: -0.3em 0 0 0;}
.comment_emo_list .item {float: left; padding: 5px 10px 5px 10px; text-align: center;}
.comment_emo_list span {display: inline; font-weight: bold; font-size: 11px; letter-spacing: 1px;}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important;}
.deleted-comment {padding: 10px 10px 10px 10px; display: block; color: #CCC;}

/* CREDIT */

#credit {margin: 500px 0px 0px 0px;padding: 2px 0px 0px 0px;width: 100%;height: 26px;clear: both;font-family: verdana, helvetica;font-size: 70%;color: #000000;font-weight: normal;background: #a5bc50; top: 800px;}
#creditleft {margin: 0px 0px 0px 0px;padding: 7px 0px 0px 0px;height: 26px;position: relative;float: left;text-align: left;display: inline;width: 71%;}
#creditright {margin: -33px 0px 0px 0px;padding: 7px 0px 0px 0px;height: 26px;position: relative;float: right;text-align:right;display: inline;width: 30%;}
#creditleft p {margin: 0;padding: 0}
#creditright p {margin: 0;padding: 0}
#creditleft a, .creditleft a:hover, .creditleft a:visited {color: #000000;text-decoration: underline;}
#creditright a, .creditright a:hover, .creditright a:visited {color: #000000;text-decoration: underline;}

/* END OF CSS STYLING */

/** Page structure tweaks for layout editor wireframe */

body#layout #main,
body#layout #sidebar {padding: 0;}

#toTop {display:none; text-decoration:none; position:fixed; bottom:50px; right:10px; overflow:hidden; width:51px; height:70px; border:none; text-indent:-999px; background:url(https://lh5.googleusercontent.com/-U9hvwPW2C80/TwYV3Y5piLI/AAAAAAAAAfE/A2fp3LmmYQg/s100/top.png) no-repeat left top;}

.hidden-scrollbar {overflow:hidden; text-align:justify; margin-left: 5px;}
.hidden-scrollbar .inner {max-height:240px; overflow:auto; margin: 0px -25px 0px 0px; padding-right: 25px; /* Samakan dengan besar margin negatif */}

.tess {margin: 10px 5px 10px 5px; text-align:justify; line-height: 1.5px; font-size: 11px;}

.garis1 {background: #C5EE34; width:10px; padding:2px; height: 50%; left: 2px;top:35px; position: absolute; opacity:0.7; position:fixed;}
.garis2 {background: #a5bc50; width: 10px; padding: 2px; height: 100%; left: 18px;top: 35px; position: absolute; opacity: 0.7;position: fixed;}
.garis3 {background: #EDFABD;width: 30%;padding: 2px;height: 10px;left: 0px;top: 35px;position: absolute;opacity: 0.7;position: fixed;}
.garis4 {background: #ABB193;width: 11%;padding:2px;height:10px;left: 0px;top: 51px;position: absolute;opacity: 0.7;position: fixed;}

.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important; padding: 5px 5px 0 0;}
.PageList a {clear: both; padding: 5px 5px 5px 5px; text-decoration:none; color: #a5bc50;}
.PageList a:hover {color: #000000; background: #a5bc50; border-radius: 4px;}

.breadcrumbs {position:fixed; z-index:1000; top:0px; left:0; background:#191919; width:98%; color:#a5bc50; border-bottom:1px solid #a5bc50; padding: 6px 1% 6px 1%; -webkit-box-shadow:0 0 7px #000; -moz-box-shadow:0 0 7px #000; box-shadow:0 0 7px #000;}

.breadcrumbs1 {font: normal normal 13px Trebuchet MS; position:fixed; z-index:1000; top:0px; left:0; background:#191919; width: 98%; color:#a5bc50; border-bottom:1px solid #a5bc50; padding: 6px 1% 6px 1%; -webkit-box-shadow:0 0 7px #000; -moz-box-shadow:0 0 7px #000; box-shadow:0 0 7px #000;}

.breadcrumbs a, .breadcrumbs a:visited, .breadcrumbs a:active {color:#D9A300;}
.breadcrumbs a:hover {font-weight: bold; color: #770202;}
.breadcrumbs span.kanan, .breadcrumbs1 span.kanan{float:right;}

#searchform {margin: 0;padding: 0px;overflow: hidden;display: inline;}
#searchbox {background: #7d5f03; border-radius: 4px; width: 200px; height: 13px; color: #ffffff; font: normal normal 10px verdana; margin: 0px; padding-left: 5px; display: inline; border: 1px solid #7d5f03; }
#searchbutton {cursor: pointer; border-radius: 4px; background: #a5bc50; color: #000000; font: normal bold 10px Verdana, Geneva, sans-serif; margin: 0px;padding: 1px; border-top: 1px solid #DDD;border-right: 1px solid #666;border-left: 1px solid #DDD;border-bottom: 1px solid #666;}